<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>后台管理-商品管理</title>
	<!-- 移动设备优先 -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Document</title>
	<link rel="stylesheet" href="../../public/bs/css/bootstrap.css">
	<script src="../../public/bs/js/jquery.min.js"></script>
	<script src="../../public/bs/js/bootstrap.min.js"></script>
	<link rel="stylesheet" href="../public/css/admin.css">
	<script src="../public/js/admin-good.js"></script>
</head>
<body>
	<nav class="navbar navbar-inverse">
	  <div class="container-fluid">
	    <!-- Brand and toggle get grouped for better mobile display -->
	    <div class="navbar-header">
	      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
	        <span class="sr-only">Toggle navigation</span>
	        <span class="icon-bar"></span>
	        <span class="icon-bar"></span>
	        <span class="icon-bar"></span>
	      </button>
	      <a class="navbar-brand logo1" href="#"><img src="../public/img/logo.png" alt=""></a>
	      <a class="navbar-brand" href="#">后台管理系统</a>
	    </div>

	    <!-- Collect the nav links, forms, and other content for toggling -->
	    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
	     
	     
	      <ul class="nav navbar-nav navbar-right">
	        <li><a href="#">清除缓存</a></li>
	        <li class="dropdown">
	          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">后台管理 <span class="caret"></span></a>
	          <ul class="dropdown-menu">
	            <li><a href="#">管理员</a></li>
	            <li><a href="#">修改密码</a></li>
	            <li><a href="../home/index.html">前台首页</a></li>

	            <li><a href="#">退出</a></li>
	          </ul>
	        </li>
	      </ul>
	    </div><!-- /.navbar-collapse -->
	  </div><!-- /.container-fluid -->
	</nav>
	<div class="container">
 		<div class="row">
		  <div class="col-md-2 col-sm-2 left">
			<div class="list-group">
				  <a href="#" class="list-group-item black">
				   	管理员管理
				  </a>
				  <div>
				  	<a href="#" class="list-group-item">管理员列表</a>
					<!-- <a href="#" class="list-group-item">Morbi leo risus</a>
					<a href="#" class="list-group-item">Porta ac consectetur ac</a>
					<a href="#" class="list-group-item">Vestibulum at eros</a> -->
				  </div>				  
			</div>
			<div class="list-group">
				  <a href="#" class="list-group-item black">
				   	会员管理
				  </a>
				  <div>
				  	<a href="#" class="list-group-item">会员列表</a>
					<a href="#" class="list-group-item">会员等级列表</a>
					<!-- <a href="#" class="list-group-item">Porta ac consectetur ac</a>
					<a href="#" class="list-group-item">Vestibulum at eros</a> -->
				  </div>				  
			</div>
			<div class="list-group">
				  <a href="#" class="list-group-item black">
				   	商品管理
				  </a>
				  <div  style="display:block">
				  	<a href="#" class="list-group-item">商品列表</a>
					<a href="#" class="list-group-item">商品添加</a>
					<!-- <a href="#" class="list-group-item">Porta ac consectetur ac</a>
					<a href="#" class="list-group-item">Vestibulum at eros</a> -->
				  </div>				  
			</div>
			<div class="list-group">
				  <a href="#" class="list-group-item black">
				   系统管理
				  </a>
				  <div>
				  	<a href="#" class="list-group-item">网站配置</a>
					<a href="#" class="list-group-item">轮播图</a>
					<!-- <a href="#" class="list-group-item">Porta ac consectetur ac</a>
					<a href="#" class="list-group-item">Vestibulum at eros</a> -->
				  </div>				  
			</div>
			<div class="alert alert-info" role="alert"><p>您好！</p>&nbsp;<p>&nbsp;&nbsp;欢迎使用秀品后台管理系统。</p></div>
		  </div>
		  
		  <div class="col-md-10 col-sm-10 adminlist_right">
		  	<ol class="breadcrumb">
				<li><a href="#">后台管理系统</a></li>
				<li><a href="#">商品管理</a></li>
				<li class="active">商品列表</li>
			</ol>
			<div class="panel panel-info">
		      <div class="panel-heading">
		        <button type="button" class="btn btn-danger">批量删除</button>
		        <button type="button" class="btn btn-success" data-toggle="modal" data-target="#myModal">添加商品</button>
		        <!-- 模态框 -->
		        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
				  <div class="modal-dialog" role="document">
				    <div class="modal-content">
				      <div class="modal-header">
				        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				        <h4 class="modal-title" id="myModalLabel">添加商品</h4>
				      </div>
				      <form action="upload.php" method="post" enctype="multipart/form-data">
					      <div class="modal-body" id="adminname">
					        <div class="input-group">
							  <span class="input-group-addon" id="sizing-addon2">商品名字</span>
							  <input type="text" class="form-control" placeholder="商品名字" aria-describedby="sizing-addon2" name="name">
							</div>
							<div class="input-group" id="password">
							  <span class="input-group-addon" id="sizing-addon2">上传图片</span>
							  <input type="file" class="form-control" aria-describedby="sizing-addon2" name="upload">
							</div>

					      </div>
					      <div class="modal-footer">
					        <button type="button" class="btn btn-primary" data-dismiss="modal" id="submit">添加</button>
					        <button type="button" class="btn btn-danger">重置</button>
					      </div>
				      </form>
				    </div>
				  </div>
				</div>
				<!-- 模态框结束 -->
				
		      </div>
		      <div class="panel-body">
		        <table class="table table-bordered">
			      <thead>
			        <tr>
			          <th><input type="checkbox" name="" id=""></th>
			          <th>username</th>
			          <th>密码</th>
			          <th>操作</th>
			        </tr>
			      </thead>
			      <tbody>
			        <tr>
			          <th scope="row"><input type="checkbox" name="" id=""></th>
			          <td></td>
			          <td></td>
			          <td></td>
			        </tr>
			        <tr>
			          <th scope="row"><input type="checkbox" name="" id=""></th>
			          <td></td>
			          <td></td>
			          <td></td>
			        </tr>
			        <tr>
			          <th scope="row"><input type="checkbox" name="" id=""></th>
			          <td>Larry</td>
			          <td>the Bird</td>
			          <td>@twitter</td>
			        </tr>
			      </tbody>
			    </table>
		      </div>
		    </div>
		  </div>

		</div>
	</div>

</body>
</html>